<template>
  <ul class="todo-main">
    <!-- 
      组件:是以标签的形式在使用，只不过自定义标签（标签）
      组件标签身上可以书写你曾经学习过的任意指令v-xxxx
      问题:item，数组里面元素个数
      问题:父亲main给子组件到底给的是什么?数组每一个元素---对象
     -->
    <Item v-for=" (todoObj,index) in todos" :key="todoObj.id" :todoObj="todoObj" :changeDone="changeDone" :removeItem="removeItem"/>
  </ul>
</template>

<script>
import Item from "./Item";
export default {
  name: "",
  //Main接受父组件传递数据
  props:['todos',"changeDone","removeItem"],
  components: {
    Item,
  },
};
</script>

<style scoped>
</style>
